$(function () {
    load();
});

function load() {
    $('#exampleTable').bootstrapTable({
        method: 'get', // 服务器数据的请求方式 get or post
        url: getProjectName()+"/invoice/list", // 服务器数据的加载地址
        //	showRefresh : true,
        //	showToggle : true,
        //	showColumns : true,
        iconSize: 'outline',
        toolbar: '#exampleToolbar',
        striped: true, // 设置为true会有隔行变色效果
        dataType: "json", // 服务器返回的数据类型
        pagination: true, // 设置为true会在底部显示分页条
        singleSelect: false, // 设置为true将禁止多选
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize: 10, // 如果设置了分页，每页数据条数
        pageNumber: 1, // 如果设置了分布，首页页码
        //search : true, // 是否显示搜索框
        showColumns: false, // 是否显示内容下拉框（选择显示的列）
        sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
        queryParamsType: "",

        showExport: true,//显示导出按钮
        exportDataType: "selected",//导出所选择的数据
        exportTypes: ['excel'],//到处excel
        Icons: 'glyphicon-export',//导出按钮图标
        exportOptions:{
            ignoreColumn: [0,16],  //忽略某一列的索引
            fileName: '货单',  //文件名称设置
            worksheetName: '货单',  //表格工作区名称
            tableName: '货单',
            excelstyles: ['background-color', 'color', 'font-size', 'font-weight'],
            // onMsoNumberFormat: DoOnMsoNumberFormat
        },
        // //设置为limit则会发送符合RESTFull格式的参数
        queryParams: function (params) {
            return {
                //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                pageNumber: params.pageNumber,
                pageSize: params.pageSize,
                searchKey: $('#searchKey').val()
            };
        },
        // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
        // queryParamsType = 'limit' ,返回参数必须包含
        // limit, offset, search, sort, order 否则, 需要包含:
        // pageSize, pageNumber, searchText, sortName,
        // sortOrder.
        // 返回false将会终止请求
        responseHandler: function (res) {
            //console.log(res);
            return {
                "total": res.data.total,//总数
                "rows": res.data.records   //数据
            };
        },
        columns: [
            {
                checkbox: true
            },
            // {
            //     field: 'agentId',
            //     title: '编号'
            // },
            // {
            //     field: 'createUsername',
            //     title: '创建人'
            // },
            {
                field: 'agentName',
                title: '经销商'
            },
            {
                field: 'totalPrice',
                title: '货单总价/元',
                formatter: function (value, row, index) {
                    return parseInt(value) / 100;
                }
            },
            {
                field: 'linkman',
                title: '联系人'
            },
            {
                field: 'tel',
                title: '联系电话'
            },
            {
                field: 'deliverAddress',
                title: '收货地址'
            },
            // {
            //     field: 'code',
            //     title: '批号'
            // },
            {
                field: 'logName',
                title: '物流公司'
            },
            {
                field: 'createdDate',
                title: '创建时间',
                formatter: function (value, row, index) {
                    if (value){
                        var date = new Date(value)
                        var result = DateFormat.format(date,'yyyy-MM-dd')
                        return result
                    }
                    return "-";
                }
            },
            {
                field: 'deliverDate',
                title: '发货时间',
                formatter: function (value, row, index) {
                    if (value){
                        var date = new Date(value)
                        var result = DateFormat.format(date,'yyyy-MM-dd')
                        return result
                    }
                    return "-";
                }
            }, {
                field: 'remark',
                title: '备注'
            }, {
                title: '产品名称',
                align: 'center',
                width: '20%',
                formatter: function (value, row, index) {
                    return formatProduct(row.products,'productName');
                }
            }, {
                title: '产品规格',
                align: 'center',
                formatter: function (value, row, index) {
                    return formatProduct(row.products,'productSize');
                }
            }, {
                title: '产品数量',
                align: 'center',
                formatter: function (value, row, index) {
                    return formatProduct(row.products,'productSpec');
                }
            },{
                title: '产品批号',
                align: 'center',
                formatter: function (value, row, index) {
                    return formatProduct(row.products,'code');
                }
            },

            {
                title: '操作',
                align: 'center',
                formatter: function (value, row, index) {
                    var text = "";
                    text += '<a class="btn btn-primary btn-sm ' + s_edit_h + '" title="编辑" onclick="edit(' + row.invoiceId + ')"><i class="fa fa-edit"></i></a> ';
                    var d = '<a class="btn btn-warning btn-sm '+s_remove_h+'" href="#" title="删除"  mce_href="#" onclick="remove(\''
                        + row.invoiceId
                        + '\')"><i class="fa fa-remove"></i></a> ';
                    return text + d;
                }
            }]
    });
}

function reLoad() {
    $('#exampleTable').bootstrapTable('refresh');
}

function add() {
    layer.open({
        type: 2,
        title: '增加',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        content: getProjectName()+'/invoice/view/add' // iframe的url
    });
}

function edit(id) {
    layer.open({
        type: 2,
        title: '修改',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '520px'],
        content: getProjectName()+'/invoice/view/edit/'+id // iframe的url
    });
}

function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : getProjectName()+"/invoice/remove",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}

function batchRemove() {
    var rows = $('#exampleTable').bootstrapTable('getSelections'); // 返回所有选择的行，当没有选择的记录时，返回一个空数组
    if (rows.length == 0) {
        layer.msg("请选择要删除的数据");
        return;
    }
    layer.confirm("确认要删除选中的'" + rows.length + "'条数据吗?", {
        btn : [ '确定', '取消' ]
        // 按钮
    }, function() {
        var ids = new Array();
        // 遍历所有选择的行数据，取每条数据对应的ID
        $.each(rows, function(i, row) {
            ids[i] = row['invoiceId'];
        });
        $.ajax({
            type : 'POST',
            data : {
                "ids" : ids
            },
            url : getProjectName()+'/invoice/batchRemove',
            success : function(r) {
                if (r.code == 0) {
                    layer.msg(r.msg);
                    reLoad();
                } else {
                    layer.msg(r.msg);
                }
            }
        });
    }, function() {

    });
}

/**
 * 产品详情格式化
 * @param datas
 */
function formatProduct(datas,type) {
    var format = '<ul style="padding:0px">'

    if (type=='productName'){
        for (var index in  datas) {
            var data = datas[index];
            format +='<br/>' //加br标签是为了导出excel换行使用
            format += '<li style="list-style: none">'+data.productName+'</li>'
        }
    }else if(type == 'productSpec'){
        for (var index in  datas) {
            var data = datas[index];
            format +='<br/>'
            format += '<li  style="list-style: none">'+data.productSize+'</li>'
        }
    }else if(type == 'code'){
        for (var index in  datas) {
            var data = datas[index];
            format +='<br/>'
            format += '<li  style="list-style: none">'+data.code+'</li>'
        }
    }else{
        for (var index in  datas) {
            var data = datas[index];
            format +='<br/>'
            format += '<li  style="list-style: none">'+data.productSpec+"/"+data.unit+'</li>'
        }
    }

    format +='</ul>';

    return format;
}

function invoiceImport() {
    layer.open({
        type : 2,
        title : '导入',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '520px' ],
        content : getProjectName()+'/invoice/view/invoiceImport' // iframe的url
    });
}